<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <!-- Always force latest IE rendering engine or request Chrome Frame -->
  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
  <title>Plastique Theme</title>

  <link href="stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" />

  <!--[if lt IE 9]>
<script src="javascripts/html5shiv.js" type="text/javascript"></script><script src="javascripts/excanvas.js" type="text/javascript"></script><script src="javascripts/iefix.js" type="text/javascript"></script><link href="stylesheets/iefix.css" media="screen" rel="stylesheet" type="text/css" /><![endif]-->

  <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0">
</head>
<body>

<div id="modal" class="black-box modal hide fade">
  <div class="modal-header tab-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <span>Some modal title</span>
  </div>
  <div class="modal-body separator">
    <h4>Text in a modal</h4>
    <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p>
  </div>
  <div class="modal-footer">
    <div class="inner-well">
      <a class="button mini rounded light-gray" data-dismiss="modal">Close</a>
      <a class="button mini rounded blue">Save changes</a>
    </div>
  </div>
</div>

<div id="modal-gallery" class="black-box modal modal-gallery hide fade">
  <div class="modal-header tab-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <span class="modal-title"></span>
  </div>
  <div class="modal-body"><div class="modal-image"></div></div>
  <div class="modal-footer">
    <div class="pull-left">
      You can also change the images<br/> by scrolling the mouse wheel!
    </div>
    <div class="pull-right">
      <a class="button blue modal-next">Next <i class="icon-arrow-right icon-white"></i></a>
      <a class="button gray modal-prev"><i class="icon-arrow-left icon-white"></i> Previous</a>
      <a class="button green modal-play modal-slideshow" data-slideshow="5000"><i class="icon-play icon-white"></i> Slideshow</a>
      <a class="button black" target="_blank"><i class="icon-download"></i> Download</a>
    </div>
  </div>
</div>
<nav id="primary" class="main-nav">
  <ul>

    <li class="">
      <a href="../dashboard/stats.html">
        <i class="icon-dashboard"></i> Dashboard
      </a>
    </li>

    <li class="">
      <a href="../form_elements/standard.html">
        <i class="icon-list-alt"></i> Forms
      </a>
    </li>

    <li class="active">
      <a href="buttons_dropdowns.html">
          <i class="icon-beaker"></i> UI Lab
      </a>
    </li>

    <li class="">
      <a href="../widgets/widgets.html">
          <i class="icon-plus-sign"></i> Widgets
      </a>
    </li>

    <li class="">
      <a href="../charts/charts.html">
          <i class="icon-bar-chart"></i> Charts
      </a>
    </li>





    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown"><i class="icon-share-alt"></i>More <span class="caret"></span></a>

      <ul class="dropdown-menu">
        <li>
          <a href="../error_404.html">
              <i class="icon-warning-sign"></i> Error 404
          </a>
        </li>

        
        <li class="divider"></li>
        <li>
          <a href="../login/login.html">
              <i class="icon-off"></i> Log out (login page)
          </a>
        </li>
      </ul>
    </li>

  </ul>
</nav><nav id="secondary" class="main-nav">

  <div class="profile-menu">

    <div class="pull-left">
      <div class="avatar">
        <img src="images/avatar.png" />
      </div>
    </div>

    <div class="pull-left">
      <div class="title">
        Plastique
      </div>
      <div class="btn-group">
        <button class="button mini inset black"><i class="icon-search"></i></button>
        <button class="button mini inset black">Projects</button>
        <button class="button mini inset black dropdown-toggle" data-toggle="dropdown"><i class="icon-cog"></i></button>
        <ul class="dropdown-menu black-box-dropdown">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>

      </div>
    </div>

    <div class="pull-right profile-menu-nav-collapse">
      <button class="button black"><i class="icon-reorder"></i></button>
    </div>

  </div>

  <ul class="secondary-nav-menu">
    <li class="">
  <a href="buttons_dropdowns.html">
      <i class="icon-share"></i> Buttons & dropdowns
  </a>
</li>

<li class="">
  <a href="grid.html">
      <i class="icon-th"></i> Grid
  </a>
</li>

<li class="active">
  <a href="icons.html">
      <i class="icon-thumbs-up"></i> Icons
  </a>
</li>

<li class="">
  <a href="modals.html">
      <i class="icon-share-alt"></i> Modals
  </a>
</li>

<li class="">
  <a href="notifications.html">
      <i class="icon-flag"></i> Notifications
  </a>
</li>

<li class="">
  <a href="tables.html">
      <i class="icon-table"></i> Tables
  </a>
</li>
  </ul>

</nav>



<section id="main">
  <div class="top-nav">
  <div class="container-fluid">
    <div class="row-fluid search-button-bar-container">
      <div class="span12">
        <ul class="breadcrumb">
          <li><a href="#"><i class="icon-home"></i> Some</a></li>
          <li><a href="#">Nice</a></li>
          <li><a href="#">Breadcrumbs</a></li>
          <li class="active"><a href="#">Here</a></li>
        </ul>
        <a class="search-button-trigger" href="#"><i class="icon-search"></i></a>
      </div>
    </div>

    <div class="row-fluid search-bar-nav">
      <div class="span12">
        <form>
          <input type="text" class="search" placeholder="Search...">
        </form>
      </div>
    </div>
  </div>
</div>

  <div class="container-fluid">
    <div class="row-fluid">
  <div class="box clearfix list-icons">
    
        <div class="span3">
          <ul>
            
                <li><i class="icon-glass
"></i> icon-glass
</li>
            
                <li><i class="icon-music
"></i> icon-music
</li>
            
                <li><i class="icon-search
"></i> icon-search
</li>
            
                <li><i class="icon-envelope
"></i> icon-envelope
</li>
            
                <li><i class="icon-heart
"></i> icon-heart
</li>
            
                <li><i class="icon-star
"></i> icon-star
</li>
            
                <li><i class="icon-star-empty
"></i> icon-star-empty
</li>
            
                <li><i class="icon-user
"></i> icon-user
</li>
            
                <li><i class="icon-film
"></i> icon-film
</li>
            
                <li><i class="icon-th-large
"></i> icon-th-large
</li>
            
                <li><i class="icon-th
"></i> icon-th
</li>
            
                <li><i class="icon-th-list
"></i> icon-th-list
</li>
            
                <li><i class="icon-ok
"></i> icon-ok
</li>
            
                <li><i class="icon-remove
"></i> icon-remove
</li>
            
                <li><i class="icon-zoom-in
"></i> icon-zoom-in
</li>
            
                <li><i class="icon-zoom-out
"></i> icon-zoom-out
</li>
            
                <li><i class="icon-off
"></i> icon-off
</li>
            
                <li><i class="icon-signal
"></i> icon-signal
</li>
            
                <li><i class="icon-cog
"></i> icon-cog
</li>
            
                <li><i class="icon-trash
"></i> icon-trash
</li>
            
                <li><i class="icon-home
"></i> icon-home
</li>
            
                <li><i class="icon-file
"></i> icon-file
</li>
            
                <li><i class="icon-time
"></i> icon-time
</li>
            
                <li><i class="icon-road
"></i> icon-road
</li>
            
                <li><i class="icon-download-alt
"></i> icon-download-alt
</li>
            
                <li><i class="icon-download
"></i> icon-download
</li>
            
                <li><i class="icon-upload
"></i> icon-upload
</li>
            
                <li><i class="icon-inbox
"></i> icon-inbox
</li>
            
                <li><i class="icon-play-circle
"></i> icon-play-circle
</li>
            
                <li><i class="icon-repeat
"></i> icon-repeat
</li>
            
                <li><i class="icon-refresh
"></i> icon-refresh
</li>
            
                <li><i class="icon-list-alt
"></i> icon-list-alt
</li>
            
                <li><i class="icon-lock
"></i> icon-lock
</li>
            
                <li><i class="icon-flag
"></i> icon-flag
</li>
            
                <li><i class="icon-headphones
"></i> icon-headphones
</li>
            
                <li><i class="icon-volume-off
"></i> icon-volume-off
</li>
            
                <li><i class="icon-volume-down
"></i> icon-volume-down
</li>
            
                <li><i class="icon-volume-up
"></i> icon-volume-up
</li>
            
                <li><i class="icon-qrcode
"></i> icon-qrcode
</li>
            
                <li><i class="icon-barcode
"></i> icon-barcode
</li>
            
                <li><i class="icon-tag
"></i> icon-tag
</li>
            
                <li><i class="icon-tags
"></i> icon-tags
</li>
            
                <li><i class="icon-book
"></i> icon-book
</li>
            
                <li><i class="icon-bookmark
"></i> icon-bookmark
</li>
            
                <li><i class="icon-print
"></i> icon-print
</li>
            
                <li><i class="icon-camera
"></i> icon-camera
</li>
            
                <li><i class="icon-font
"></i> icon-font
</li>
            
                <li><i class="icon-bold
"></i> icon-bold
</li>
            
                <li><i class="icon-italic
"></i> icon-italic
</li>
            
                <li><i class="icon-text-height
"></i> icon-text-height
</li>
            
                <li><i class="icon-text-width
"></i> icon-text-width
</li>
            
                <li><i class="icon-align-left
"></i> icon-align-left
</li>
            
                <li><i class="icon-align-center
"></i> icon-align-center
</li>
            
                <li><i class="icon-align-right
"></i> icon-align-right
</li>
            
                <li><i class="icon-align-justify
"></i> icon-align-justify
</li>
            
          </ul>
        </div>
    
        <div class="span3">
          <ul>
            
                <li><i class="icon-list
"></i> icon-list
</li>
            
                <li><i class="icon-indent-left
"></i> icon-indent-left
</li>
            
                <li><i class="icon-indent-right
"></i> icon-indent-right
</li>
            
                <li><i class="icon-facetime-video
"></i> icon-facetime-video
</li>
            
                <li><i class="icon-picture
"></i> icon-picture
</li>
            
                <li><i class="icon-pencil
"></i> icon-pencil
</li>
            
                <li><i class="icon-map-marker
"></i> icon-map-marker
</li>
            
                <li><i class="icon-adjust
"></i> icon-adjust
</li>
            
                <li><i class="icon-tint
"></i> icon-tint
</li>
            
                <li><i class="icon-edit
"></i> icon-edit
</li>
            
                <li><i class="icon-share
"></i> icon-share
</li>
            
                <li><i class="icon-check
"></i> icon-check
</li>
            
                <li><i class="icon-move
"></i> icon-move
</li>
            
                <li><i class="icon-step-backward
"></i> icon-step-backward
</li>
            
                <li><i class="icon-fast-backward
"></i> icon-fast-backward
</li>
            
                <li><i class="icon-backward
"></i> icon-backward
</li>
            
                <li><i class="icon-play
"></i> icon-play
</li>
            
                <li><i class="icon-pause
"></i> icon-pause
</li>
            
                <li><i class="icon-stop
"></i> icon-stop
</li>
            
                <li><i class="icon-forward
"></i> icon-forward
</li>
            
                <li><i class="icon-fast-forward
"></i> icon-fast-forward
</li>
            
                <li><i class="icon-step-forward
"></i> icon-step-forward
</li>
            
                <li><i class="icon-eject
"></i> icon-eject
</li>
            
                <li><i class="icon-chevron-left
"></i> icon-chevron-left
</li>
            
                <li><i class="icon-chevron-right
"></i> icon-chevron-right
</li>
            
                <li><i class="icon-plus-sign
"></i> icon-plus-sign
</li>
            
                <li><i class="icon-minus-sign
"></i> icon-minus-sign
</li>
            
                <li><i class="icon-remove-sign
"></i> icon-remove-sign
</li>
            
                <li><i class="icon-ok-sign
"></i> icon-ok-sign
</li>
            
                <li><i class="icon-question-sign
"></i> icon-question-sign
</li>
            
                <li><i class="icon-info-sign
"></i> icon-info-sign
</li>
            
                <li><i class="icon-screenshot
"></i> icon-screenshot
</li>
            
                <li><i class="icon-remove-circle
"></i> icon-remove-circle
</li>
            
                <li><i class="icon-ok-circle
"></i> icon-ok-circle
</li>
            
                <li><i class="icon-ban-circle
"></i> icon-ban-circle
</li>
            
                <li><i class="icon-arrow-left
"></i> icon-arrow-left
</li>
            
                <li><i class="icon-arrow-right
"></i> icon-arrow-right
</li>
            
                <li><i class="icon-arrow-up
"></i> icon-arrow-up
</li>
            
                <li><i class="icon-arrow-down
"></i> icon-arrow-down
</li>
            
                <li><i class="icon-share-alt
"></i> icon-share-alt
</li>
            
                <li><i class="icon-resize-full
"></i> icon-resize-full
</li>
            
                <li><i class="icon-resize-small
"></i> icon-resize-small
</li>
            
                <li><i class="icon-plus
"></i> icon-plus
</li>
            
                <li><i class="icon-minus
"></i> icon-minus
</li>
            
                <li><i class="icon-asterisk
"></i> icon-asterisk
</li>
            
                <li><i class="icon-exclamation-sign
"></i> icon-exclamation-sign
</li>
            
                <li><i class="icon-gift
"></i> icon-gift
</li>
            
                <li><i class="icon-leaf
"></i> icon-leaf
</li>
            
                <li><i class="icon-fire
"></i> icon-fire
</li>
            
                <li><i class="icon-eye-open
"></i> icon-eye-open
</li>
            
                <li><i class="icon-eye-close
"></i> icon-eye-close
</li>
            
                <li><i class="icon-warning-sign
"></i> icon-warning-sign
</li>
            
                <li><i class="icon-plane
"></i> icon-plane
</li>
            
                <li><i class="icon-calendar
"></i> icon-calendar
</li>
            
                <li><i class="icon-random
"></i> icon-random
</li>
            
          </ul>
        </div>
    
        <div class="span3">
          <ul>
            
                <li><i class="icon-comment
"></i> icon-comment
</li>
            
                <li><i class="icon-magnet
"></i> icon-magnet
</li>
            
                <li><i class="icon-chevron-up
"></i> icon-chevron-up
</li>
            
                <li><i class="icon-chevron-down
"></i> icon-chevron-down
</li>
            
                <li><i class="icon-retweet
"></i> icon-retweet
</li>
            
                <li><i class="icon-shopping-cart
"></i> icon-shopping-cart
</li>
            
                <li><i class="icon-folder-close
"></i> icon-folder-close
</li>
            
                <li><i class="icon-folder-open
"></i> icon-folder-open
</li>
            
                <li><i class="icon-resize-vertical
"></i> icon-resize-vertical
</li>
            
                <li><i class="icon-resize-horizontal
"></i> icon-resize-horizontal
</li>
            
                <li><i class="icon-bar-chart
"></i> icon-bar-chart
</li>
            
                <li><i class="icon-twitter-sign
"></i> icon-twitter-sign
</li>
            
                <li><i class="icon-facebook-sign
"></i> icon-facebook-sign
</li>
            
                <li><i class="icon-camera-retro
"></i> icon-camera-retro
</li>
            
                <li><i class="icon-key
"></i> icon-key
</li>
            
                <li><i class="icon-cogs
"></i> icon-cogs
</li>
            
                <li><i class="icon-comments
"></i> icon-comments
</li>
            
                <li><i class="icon-thumbs-up
"></i> icon-thumbs-up
</li>
            
                <li><i class="icon-thumbs-down
"></i> icon-thumbs-down
</li>
            
                <li><i class="icon-star-half
"></i> icon-star-half
</li>
            
                <li><i class="icon-heart-empty
"></i> icon-heart-empty
</li>
            
                <li><i class="icon-signout
"></i> icon-signout
</li>
            
                <li><i class="icon-linkedin-sign
"></i> icon-linkedin-sign
</li>
            
                <li><i class="icon-pushpin
"></i> icon-pushpin
</li>
            
                <li><i class="icon-external-link
"></i> icon-external-link
</li>
            
                <li><i class="icon-signin
"></i> icon-signin
</li>
            
                <li><i class="icon-trophy
"></i> icon-trophy
</li>
            
                <li><i class="icon-github-sign
"></i> icon-github-sign
</li>
            
                <li><i class="icon-upload-alt
"></i> icon-upload-alt
</li>
            
                <li><i class="icon-lemon
"></i> icon-lemon
</li>
            
                <li><i class="icon-phone
"></i> icon-phone
</li>
            
                <li><i class="icon-check-empty
"></i> icon-check-empty
</li>
            
                <li><i class="icon-bookmark-empty
"></i> icon-bookmark-empty
</li>
            
                <li><i class="icon-phone-sign
"></i> icon-phone-sign
</li>
            
                <li><i class="icon-twitter
"></i> icon-twitter
</li>
            
                <li><i class="icon-facebook
"></i> icon-facebook
</li>
            
                <li><i class="icon-github
"></i> icon-github
</li>
            
                <li><i class="icon-unlock
"></i> icon-unlock
</li>
            
                <li><i class="icon-credit-card
"></i> icon-credit-card
</li>
            
                <li><i class="icon-rss
"></i> icon-rss
</li>
            
                <li><i class="icon-hdd
"></i> icon-hdd
</li>
            
                <li><i class="icon-bullhorn
"></i> icon-bullhorn
</li>
            
                <li><i class="icon-bell
"></i> icon-bell
</li>
            
                <li><i class="icon-certificate
"></i> icon-certificate
</li>
            
                <li><i class="icon-hand-right
"></i> icon-hand-right
</li>
            
                <li><i class="icon-hand-left
"></i> icon-hand-left
</li>
            
                <li><i class="icon-hand-up
"></i> icon-hand-up
</li>
            
                <li><i class="icon-hand-down
"></i> icon-hand-down
</li>
            
                <li><i class="icon-circle-arrow-left
"></i> icon-circle-arrow-left
</li>
            
                <li><i class="icon-circle-arrow-right
"></i> icon-circle-arrow-right
</li>
            
                <li><i class="icon-circle-arrow-up
"></i> icon-circle-arrow-up
</li>
            
                <li><i class="icon-circle-arrow-down
"></i> icon-circle-arrow-down
</li>
            
                <li><i class="icon-globe
"></i> icon-globe
</li>
            
                <li><i class="icon-wrench
"></i> icon-wrench
</li>
            
                <li><i class="icon-tasks
"></i> icon-tasks
</li>
            
          </ul>
        </div>
    
        <div class="span3">
          <ul>
            
                <li><i class="icon-filter
"></i> icon-filter
</li>
            
                <li><i class="icon-briefcase
"></i> icon-briefcase
</li>
            
                <li><i class="icon-fullscreen
"></i> icon-fullscreen
</li>
            
                <li><i class="icon-group
"></i> icon-group
</li>
            
                <li><i class="icon-link
"></i> icon-link
</li>
            
                <li><i class="icon-cloud
"></i> icon-cloud
</li>
            
                <li><i class="icon-beaker
"></i> icon-beaker
</li>
            
                <li><i class="icon-cut
"></i> icon-cut
</li>
            
                <li><i class="icon-copy
"></i> icon-copy
</li>
            
                <li><i class="icon-paper-clip
"></i> icon-paper-clip
</li>
            
                <li><i class="icon-save
"></i> icon-save
</li>
            
                <li><i class="icon-sign-blank
"></i> icon-sign-blank
</li>
            
                <li><i class="icon-reorder
"></i> icon-reorder
</li>
            
                <li><i class="icon-list-ul
"></i> icon-list-ul
</li>
            
                <li><i class="icon-list-ol
"></i> icon-list-ol
</li>
            
                <li><i class="icon-strikethrough
"></i> icon-strikethrough
</li>
            
                <li><i class="icon-underline
"></i> icon-underline
</li>
            
                <li><i class="icon-table
"></i> icon-table
</li>
            
                <li><i class="icon-magic
"></i> icon-magic
</li>
            
                <li><i class="icon-truck
"></i> icon-truck
</li>
            
                <li><i class="icon-pinterest
"></i> icon-pinterest
</li>
            
                <li><i class="icon-pinterest-sign
"></i> icon-pinterest-sign
</li>
            
                <li><i class="icon-google-plus-sign
"></i> icon-google-plus-sign
</li>
            
                <li><i class="icon-google-plus
"></i> icon-google-plus
</li>
            
                <li><i class="icon-money
"></i> icon-money
</li>
            
                <li><i class="icon-caret-down
"></i> icon-caret-down
</li>
            
                <li><i class="icon-caret-up
"></i> icon-caret-up
</li>
            
                <li><i class="icon-caret-left
"></i> icon-caret-left
</li>
            
                <li><i class="icon-caret-right
"></i> icon-caret-right
</li>
            
                <li><i class="icon-columns
"></i> icon-columns
</li>
            
                <li><i class="icon-sort
"></i> icon-sort
</li>
            
                <li><i class="icon-sort-down
"></i> icon-sort-down
</li>
            
                <li><i class="icon-sort-up
"></i> icon-sort-up
</li>
            
                <li><i class="icon-envelope-alt
"></i> icon-envelope-alt
</li>
            
                <li><i class="icon-linkedin
"></i> icon-linkedin
</li>
            
                <li><i class="icon-undo
"></i> icon-undo
</li>
            
                <li><i class="icon-legal
"></i> icon-legal
</li>
            
                <li><i class="icon-dashboard
"></i> icon-dashboard
</li>
            
                <li><i class="icon-comment-alt
"></i> icon-comment-alt
</li>
            
                <li><i class="icon-comments-alt
"></i> icon-comments-alt
</li>
            
                <li><i class="icon-bolt
"></i> icon-bolt
</li>
            
                <li><i class="icon-sitemap
"></i> icon-sitemap
</li>
            
                <li><i class="icon-umbrella
"></i> icon-umbrella
</li>
            
                <li><i class="icon-paste
"></i> icon-paste
</li>
            
                <li><i class="icon-user-md
"></i> icon-user-md
</li>
            
          </ul>
        </div>
    
  </div>
</div>



    <div class="row-fluid">
  <div class="span12">
    <div class="footer">
      <div>2012 &copy; Plastique Admin Theme</div>
      <div>Carefully crafted by <a href="https://wrapbootstrap.com/user/andrei4002">andrei4002</a></div>
    </div>
  </div>
</div>
  </div>
</section>

<script type="text/html" id="template-notification">
  <div class="notification animated fadeInLeftMiddle fast{{ item.itemClass }}">
    <div class="left">
      <div style="background-image: url({{ item.imagePath }})" class="{{ item.imageClass }}"></div>
    </div>
    <div class="right">
      <div class="inner">{{ item.text }}</div>
      <div class="time">{{ item.time }}</div>
    </div>

    <i class="icon-remove-sign hide"></i>
  </div>
</script>
<script type="text/html" id="template-notifications">
  <div class="container">
    <div class="row" id="notifications-wrapper">
      <div id="notifications" class="{{ bootstrapPositionClass }} notifications animated">
        <div id="dismiss-all" class="dismiss-all button blue">Dismiss all</div>
        <div id="content">
          <div id="notes"></div>
        </div>
      </div>
    </div>
  </div>
</script>
<script src="javascripts/application.js" type="text/javascript"></script><script src="javascripts/docs.js" type="text/javascript"></script><script src="javascripts/docs_charts.js" type="text/javascript"></script><script src="javascripts/documentation.js" type="text/javascript"></script><script src="javascripts/prettify.js" type="text/javascript"></script><link href="stylesheets/prettify.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    prettyPrint()
</script>

<script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-35778683-1']);
    _gaq.push(['_trackPageview']);

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

</script>

</body>
</html>
